.switchBox {
  margin-left: 40px;
  background: #fff;
  padding-bottom: 32px;
  position: relative;
  h5,
  p,
  h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
  }
  div {
    h5 {
      margin-top: 32px;
      text-align: left;
      font-weight: 500;
      font-size: 17px;
      letter-spacing: 0px;
      color: #333333;
    }
    p {
      color: #9e9e9e;
      font-size: 13px;
      margin-top: 8px;
    }
    ul {
      display: block;
      width: 640px;
      // height: 189px;
      background: #ffffff 0% 0% no-repeat padding-box;
      // border: 1px solid #eaeaea;
      // border-radius: 5px;
      li {
        display: flex;
        align-items: center;
        width: 100%;
        height: 48px;
        padding: 0 0 0 16px;
        line-height: 48px;
        border-right: 1px solid #eaeaea;
        border-left: 1px solid #eaeaea;
        &.current {
          background: #2196f30d !important;
          border: 1px solid #2196f3 !important;
          z-index: 1;
          position: relative;
          .con {
            border-bottom: 0px;
          }
        }
        &:hover {
          background-color: #f7f7f7;
          cursor: pointer;
        }
        &:first-child {
          border-radius: 5px 5px 0 0;
          border-top: 1px solid #eaeaea;
        }
        &:last-child {
          border-radius: 0 0 5px 5px;
          border-bottom: 1px solid #eaeaea;
          .con {
            border-bottom: 0px;
          }
        }
        &.autoId {
          border-radius: 5px;
          > div {
            padding-left: 44px;
            flex: 1;
          }
          .dele {
            color: #2196f3;
          }
        }
        .con {
          flex: 1;
          display: block;
          position: relative;
          border-bottom: 1px solid #eaeaea;
          padding-right: 16px;
          .rangeBox {
            position: absolute;
            left: 105%;
            top: 0;
          }
        }
        .ming.Switch,
        .nullBox {
          vertical-align: middle;
          height: 13px;
          width: 26px;
          transition: initial;
          .dot {
            width: 11px !important;
            height: 11px !important;
            top: 1px !important;
            left: 1px !important;
          }
          &--on {
            background: #2196f3 !important;
            .dot {
              left: 14px !important;
            }
          }
          &--off {
            background: #bdbdbd !important;
          }
        }
        .ming.icon-visibility_off {
          color: #ee6f1f;
          margin-left: 5px;
        }
        .ming.icon-navigate_next,
        span.text {
          line-height: 48px;
        }
      }
    }
  }
}
